<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>Allied Caterers</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Fav and touch icons
    <link rel="shortcut icon" href="http://twitter.github.com/bootstrap/assets/ico/favicon.ico">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://twitter.github.com/bootstrap/assets/ico/apple-touch-icon-57-precomposed.png"> -->
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" id="company" href="#">Allied Caterers</a>
          <div class="nav-collapse collapse">
            <ul class="nav" id="topNav">
              <li class="active"><a href="index.html">Home</a></li>
              <li><a href="#">About Us</a></li>
              <li><a href="services.html">Services</a></li>
              <!--
              <li class="dropdown">
                <a href="services.html" class="dropdown-toggle" data-toggle="dropdown">Services<b class="caret"></b></a>
                <ul class="dropdown-menu">
                  <li><a href="#">Event Catering</a></li>
                  <li><a href="#">Industrial Catering</a></li>
                  <li><a href="#">Event Management</a></li>
                </ul>
              </li>
              -->
              <li><a href="#">Gallery</a></li>
              <li><a href="#">Contact Us</a></li>
            </ul>
            <form class="navbar-form pull-right">
              <a class="btn btn-warning" id="quoteBtn" href="requestQuote.html">Request a Quote</a>
            </form>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

    <div class="container">

      <!-- Main hero unit for a primary marketing message or call to action 
      <div class="hero-unit">
        <h1>Hello, world!</h1>
        <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
        <p><a class="btn btn-primary btn-large">Learn more »</a></p>
      </div>-->
      <div class="row">
        <div class="span12">
          <div id="myCarousel" class="carousel slide">
            <!-- Carousel items -->
            <div class="carousel-inner">
              <div class="active item"><img src="img/food/food1.jpg"/></div>
              <div class="item"><img src="img/food/food2.jpg"/></div>
              <div class="item"><img src="img/food/food3.jpg"/></div>
              <div class="item"><img src="img/food/food4.jpg"/></div>
              <div class="item"><img src="img/food/food5.jpg"/></div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
          </div>
        </div>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span4">
          <h2>We are here to serve</h2>
          <p><span id="companyNameIntro">Allied Caterers Limited</span> is one of Trinidad and Tobago's leading contemporary caterers. As the go-to caterer for top events for more than 35 years, the Allied Catering Group has built an unmatched reputation for producing distinctive events and providing high quality, handcrafted fare that is as creative as it is delicious. </p>
          <p><a class="btn" href="#">Read more</a></p>
        </div>
        <div class="span4">
          <h2>About Us</h2>
          <p>Allied Caterers Ltd., Trinidad’s premier industrial and events caterer, has been in business for over 35 years and has a well trained and qualified work force of 380+ team members, servicing key airline customers including Caribbean Airlines and Continental Airlines, as well as Private Corporate Jets. </p>
          <p><a class="btn" href="#">Read more</a></p>
        </div>

        <ul class="thumbnails">
          <li class="span4">

            <img src="img/food/img1.png" alt="Food">

          </li>
        </ul>
        <!--
        <div class="span4">
          <h2>Heading</h2>
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
          <p><a class="btn" href="http://twitter.github.com/bootstrap/examples/hero.html#">View details »</a></p>
        </div>
      </div>-->
      </div>


        <footer id="footer">
          <div class="row" style="padding:10px;">
            <div class="span4" >
              <p>&copy; Allied Caterers Limited <br/>
                Golden Grove Road <br/>
                Piarco <br/>
                Trinidad and Tobago
              </p>
            </div>
            <div class="span4">
              <p>1-868-662-2333<br/>service@alliedcaters.com
                <br/> 
                <a href="#">Request a Quoute</a> |
                <a href="#">Contact Us</a>

              </p>
            </div>

            <div class="span3">
              <p>Company Logo will go here</p>
            </div>
          </div>
        </footer>

      </div> <!-- /container -->

      <!-- Le javascript
      ================================================== -->
      <!-- Placed at the end of the document so the pages load faster -->
      <script src="./index_files/jquery.js"></script>
      <script src="./index_files/bootstrap-transition.js"></script>
      <script src="./index_files/bootstrap-alert.js"></script>
      <script src="./index_files/bootstrap-modal.js"></script>
      <script src="./index_files/bootstrap-dropdown.js"></script>
      <script src="./index_files/bootstrap-scrollspy.js"></script>
      <script src="./index_files/bootstrap-tab.js"></script>
      <script src="./index_files/bootstrap-tooltip.js"></script>
      <script src="./index_files/bootstrap-popover.js"></script>
      <script src="./index_files/bootstrap-button.js"></script>
      <script src="./index_files/bootstrap-collapse.js"></script>
      <script src="./index_files/bootstrap-carousel.js"></script>
      <script src="./index_files/bootstrap-typeahead.js"></script>
      <script type="text/javascript">
        $(function(){
          $("#myCarousel").carousel("cycle");
        });
      </script>



  </body>
 </html>